<h2>1. 表格</h2>
<table border="1">
  <caption>书籍信息表</caption>
  <thead>
    <tr>
      <th>ISBN</th>
      <th>书名</th>
      <th>作者</th>
      <th>出版社</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>978-7-302-67821-2</td>
      <td>鸿蒙之光HarmonyOSNEXT原生应用开发入门</td>
      <td>柳伟卫</td>
      <td>清华大学出版社</td>
    </tr>
    <tr>
      <td>978-7-302-64126-1</td>
      <td>Web前端设计入门-HTML5、CSS3、JavaScript（微课视频版）</td>
      <td>谢从华</td>
      <td>清华大学出版社</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="4">注：此为示例数据</td>
    </tr>
  </tfoot>
</table>

<h2>2. 表单</h2>
<form action="/subscribe" method="POST">
  <fieldset>
    <legend>订阅电子书更新</legend>

    <label for="subscriberName">您的姓名:</label>
    <input type="text" id="subscriberName" name="subscriberName" required placeholder="请输入您的姓名"><br><br>

    <label for="emailAddress">电子邮箱:</label>
    <input type="email" id="emailAddress" name="emailAddress" required><br><br>

    <label for="favoriteGenres">您喜欢的类型:</label>
    <select id="favoriteGenres" name="favoriteGenres">
      <option value="">--请选择--</option>
      <option value="fiction">小说</option>
      <option value="science">科学</option>
      <option value="history">历史</option>
    </select><br><br>

    <label>格式偏好:</label>
    <input type="radio" id="pdf" name="formatPreference" value="pdf">
    <label for="pdf">PDF</label>
    <input type="radio" id="epub" name="formatPreference" value="epub">
    <label for="epub">ePub</label><br><br>

    <label>您感兴趣的特别主题（可多选）:</label>
    <input type="checkbox" id="technology" name="topicsOfInterest" value="technology">
    <label for="technology">科技</label>
    <input type="checkbox" id="fantasy" name="topicsOfInterest" value="fantasy">
    <label for="fantasy">幻想</label>
    <input type="checkbox" id="biography" name="topicsOfInterest" value="biography">
    <label for="biography">传记</label><br><br>

    <label for="additionalNotes">额外备注:</label><br>
    <textarea id="additionalNotes" name="additionalNotes" rows="4" cols="40" placeholder="如果有任何特殊要求或问题，请在此留言..."></textarea><br><br>

    <button type="submit">订阅</button>
    <button type="reset">重置表单</button>
    <button type="button" onclick="alert('感谢您的关注！')">问候按钮</button>
  </fieldset>
</form>
